<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
 <html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">
 <base href="<%=basePath%>">
   <title>在线预约</title>
  <jsp:include page="bs/bs.jsp"></jsp:include>
  <style type="text/css">
  	.div_h{
  	height: 200px;
  	text-align: center;
  	vertical-align: middle;
  	padding-top: 50px;
  	border-top:1px solid #ccc;
  	}
  	.btn{
  		height: 100px;
  		width: 100px;
  		border-radius: 50%;
  		border:1px solid #ccc;
  		background-color: #ffffff;
  		font-size: 30px;
  	}

  </style>
  <script type="text/javascript">
  	function f(tid){
  		//发送请求
  		location.href="showDoctor?tid="+tid;
  	}
  
  </script>
  </head>
<!-- NAVBAR
================================================== -->
  <body>
  	<!-- 判断 当前用户有没有登录   如果没有登录  跳转到 登录页面 -->
   <c:if test="${empty u }">
  	<c:redirect url="login.jsp"></c:redirect>
  </c:if>

    <%--头部导航条--%>
    <jsp:include page="common/top.jsp"></jsp:include>


    <div class="container"  style="height: 1000px;">
	    <div class="col-lg-4 div_h" style="border-left:1px solid #ccc;border-right: 1px solid #ccc;">
	    	<h1>在线预约</h1>
	    </div>
	     <div class="col-lg-2 div_h">
	    	<button class="btn" style="border: 1px solid #000;border-radius: 50%;">1</button>
	    	<div>选择科室</div>
	    </div>
	    <div class="col-lg-2 div_h">
	    	<button class="btn">2</button>
	    	<div>选择医生</div>
	    </div>
	     <div class="col-lg-2 div_h">
	    	<button class="btn">3</button>
	    	<div>预约明细</div>
	    </div>
	     <div class="col-lg-2 div_h" style="border-right: 1px solid #ccc;">
	    	<button class="btn">4</button>
	    	<div>预约完成</div>
	    </div>
	        <div class="col-lg-4 div_h" style="border:1px solid #ccc;">
	    	<h1>临床科室</h1>
	    </div>
	    <div class="col-lg-8" style="border:1px solid #ccc;text-align: center;padding:0; font-size: 30px; height: 200px;">
	    	<c:if test="${!empty ts }">
	    	<c:forEach items="${ts }" var="t">
		    	<c:if test="${t.tgroup==2 }">
		    	   <div class="col-lg-3" onclick="f(${t.tid})" style="border: 1px solid #ccc;height: 100%;padding-top: 75px;">
				    	<div>${t.tname }</div>
				    </div>
		    	</c:if>
	    	</c:forEach>
	    </c:if>
	    </div>
    </div>


    <jsp:include page="common/footer.jsp"></jsp:include>



  </body>
</html>

